<template>
  <uni-nav-bar title="标定订单" left-icon="left" @clickLeft="navBack" :fixed="true" statusBar></uni-nav-bar>
  <view class="package datas">
    <uni-datetime-picker v-model="range" type="daterange" :border="false" :clear-icon="false" rangeSeparator="至"
      @change="change" />
  </view>
  <view class="package">
    <view class="space-between">
      <view>金额</view>
      <view>300.00元</view>
    </view>
    <view class="space-between top">
      <view>加注量</view>
      <view>150.00公斤</view>
    </view>
    <view class="space-between top">
      <view>单数</view>
      <view>20单</view>
    </view>
  </view>
</template>

<script setup lang="ts">
  import { ref } from 'vue';
  import { navBack, navTo } from '@/utils/navigator';
  import { showLoading } from '@/utils/prompt';
  import { format, subDays } from 'date-fns';
  let now = new Date();
  let end = format(now, 'yyyy-MM-dd');
  let daysAgo = subDays(now, 6);
  let start = format(daysAgo, 'yyyy-MM-dd');
  const range = ref([start, end]);
  /**
   * 时间筛选
   * @param sta  开始时间
   * @param en  结束时间
   */
  function change([sta, en] : any) {
    start = sta;
    end = en;
  }
</script>

<style scoped lang="less">
  .top{
    margin-top:15rpx;
  }
</style>
<style>
  .datas>>>.uni-date__x-input {
    font-size: 30rpx !important;
  }

  .datas>>>.uni-date-x {
    font-size: 30rpx !important;
  }

  .datas>>>.uni-icons {
    font-size: 48rpx !important;
  }
</style>